<template>
  <div class="hezi">
    <Navbar :title="title" :xiaoming="reserve" />
    <SaleXiang />
    <SaleTotal />
    <div class="sale">
      <ZhuCom />
      <PiePic />
    </div>
    <ZheXian />
    <div class="sale">
    
    <ZhuZhuang/>
    <TableCom />
</div>
  </div>
</template>

<script>
import Navbar from "../../components/NavBar.vue";
import SaleXiang from "../../components/HE-J-N/SaleXiang.vue";
import SaleTotal from "../../components/HE-J-N/SaleTotal.vue";
import ZhuCom from "../../components/HE-J-N/ZhuCom.vue";
import PiePic from "../../components/HE-J-N/PiePic.vue";

import ZheXian from '../../components/HE-J-N/today/ZheXian.vue'
import TableCom from '../../components/HE-J-N/today/TableCom.vue'
import ZhuZhuang from '../../components/HE-J-N/today/ZhuZhuang.vue'



export default {
  components: {
    Navbar,
    SaleXiang,
    SaleTotal,
    ZhuCom,
    PiePic,
    ZheXian,
    TableCom,
    ZhuZhuang
  },
  data() {
    return {
      title: "控制台",
      reserve: "返回上一页",
      
    };
  },
 
};
</script>

<style scoped>
.hezi {
  width: 100%;
  height: auto;
  background: #fff;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  overflow: hidden;
}
.sale{
    display: flex;
    margin: 20px;
    justify-content: space-around;
}
</style>